<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="100%"
      title="查看"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="0%"
    >
      <div
        class="dialogBody common commonClassDialog dialogMachine"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <!-- <div class="reportTab">
          <div class="tab">
            <div
              v-for="(data, index) in typeData"
              :key="data.value"
              @click="changeType($event, index)"
            >
              <div
                class="btn"
                :style="{
                  color:
                    data.show === true ? 'rgba(0, 117, 255, 1)' : '#343639',
                  background: data.show === true ? '#E0EFFF' : '#fff',
                }"
              >
                {{ data.text }}
              </div>
            </div>
          </div>
        </div> -->

    

        <div class="reportMachine" >
          <div class="reportTitle" >
            <div class="reportTitleContent">
      
              <div class="samllTitle">钢筋保护层厚度检测原始采集数据记录</div>
            </div>
            <!-- <div class="reportTitleFir">
              <div class="left">
                <div class="name">试验室名称：</div>
                <div class="lable">{{ formData.fCompanyfullname }}</div>
              </div>
              <div class="right">报告编号：{{ formData.fReportno }}</div>
            </div> -->
          </div>
          <div class="reportContent">
            <div class="regular">
              <div
                class="reportTr"
                :style="{ width: item.row }"
                v-for="item in reportTableObj"
                :key="item.lable"
              >
                <div
                  class="reportTrLable"
                  :style="{
                    flex: item.type == 2 ? '22%' : item.type == 3 ? '25%' : '',
                  }"
                >
                  {{ item.lable }}
                </div>
                <div
                  class="reportTrValue"
                  v-if="formData != null"
                  :style="{
                    flex:
                      item.type == 3
                        ? '25%'
                        : item.type == 2
                        ? '10%'
                        : item.type == 4
                        ? '10%'
                        : '',
                  }"
                >
           

                  <div >{{ item.key }}</div>
                </div>
              </div>
            </div>
            <div class="shicetitle">保护层厚度</div>
            <div class="regular">
              <div
                class="reportTr"
                :style="{ width: item.row }"
                v-for="item in reportTableObj1"
                :key="item.lable"
              >
                <div
                  class="reportTrLable"
                  :style="{
                    flex: item.type == 2 ? '22%' : item.type == 3 ? '25%' : '',
                  }"
                >
                  {{ item.lable }}
                </div>
                <div
                  class="reportTrValue"
                  v-if="formData != null"
                  :style="{
                    flex:
                      item.type == 3
                        ? '25%'
                        : item.type == 2
                        ? '10%'
                        : item.type == 4
                        ? '10%'
                        : '',
                  }"
                >
                <div >{{ item.key }}</div>

                 
                </div>
              </div>
            </div>
            <div class="contentTable" style="border-left: 1px solid #000;border-bottom: 1px solid #000;">
              <div class="contentTableLeft">
                <!-- @row-click="handleCellClick" -->
                <el-table
                  :cell-class-name="tableRowClassName"
                  :data="tableDta"
                  style="width: 100%"
                >
                  <el-table-column
                    label="序号"
                    width="40"
                    align="center"
                    
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>
                  </el-table-column>
                  <el-table-column
                    label="检测部位"
                    width="155"
                    align="center"
                    prop="jcbw"
                  >
                  </el-table-column>
                  <el-table-column
                    label="钢筋公称直径（mm）"
                    width="130"
                    align="center"
                    prop="gczj"
                  >
                  </el-table-column>
                  <el-table-column label="保护层厚度检测值（mm）">
                    <el-table-column
                      align="center"
                    
                      prop="fCheckvalue1"
                      label="第一次检测值"
                      width="120"
                    >
                  
                    </el-table-column>
                    <el-table-column
                      align="center"
                    
                      prop="fCheckvalue2"
                      label="第二次检测值"
                      width="120"
                    >
                  
                    </el-table-column>
                    <el-table-column
                      align="center"
                    
                      prop="fAvgvalue"
                      label="平均值"
                      width="120"
                    >
                  
                    </el-table-column>
                    <el-table-column
                      align="center"
                    
                      prop="fAmendvalue1"
                      label="修正值"
                      width="120"
                    >
                  
                    </el-table-column>
                    <!--  -->
                  </el-table-column>
            
                </el-table>
              </div>
       
            </div>
    
          </div>
       
        </div>

  

  
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
